<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		.father-box {
			position: relative;
		}

		.header-box {
			color: #fff;
			padding: 10px;
			font-size: 15px;
			height: 500px;
			width: 1200px;
			/* animation: test 8000ms infinite 1000ms; */
			/* -webkit-animation: test 8000ms infinite 1000ms; */
		}
	</style>
</head>

<body>
	<div class="father-box">
		<div class="header-box">
			就开始电话官方代表
		</div>
	</div>
</body>
<script>
	var dom = document.querySelector(".header-box")
	setInterval(() => {
		dom.style.background = "url(./轮播图/1.jpg)"
		setTimeout(() => {
			dom.style.background = "url(./轮播图/2.jpg)"
		}, 2000)
	}, 3000)
</script>

</html>